html,
body {
  height: 100%;
  /* 文字风格 Sans-serif 各笔画粗细相同，Serif 笔画粗细不同，monospace 等宽体，cursive草书，fantasy梦幻 */
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 14px;
  color: #ccc;
  font-family: 'SHSHCN', serif !important;
}
/* 重置各标签的默认样式 */
a,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
img,
input,
label,
legend,
li,
mark,
ol,
p,
section,
span,
textarea,
time,
td,
th,
ul {
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal;
  box-sizing: border-box;
  /*  自动换行 */
  word-wrap: break-word;
  /*  强制英文单词断行 */
  word-break: break-all;
}
/*  设置标签为块级分类 */
article,
aside,
details,
fieldset,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
/* 去除input标签的默认样式 */
button,
input,
textarea {
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  outline: none;
  background-color: transparent;
  color: #ccc;
}
/*  禁止多文本框手动拖动大小 */
textarea {
  resize: none;
  -webkit-appearance: none;
}
/* 去掉按下的阴影盒子 */
input,
textarea,
a {
  -webkit-tap-highlight-color: transparent;
}
/*  清除a标签下划线 */
a,
a:visited {
  text-decoration: none;
}
a:focus,
a:active,
a:hover {
  outline: none;
}
/*  清除列表前面的点 */
ol,
li,
ul {
  list-style: none;
}
/*  清除IE下图片的边框 */
img {
  border-style: none;
  font-size: 0;
}
// 在使用浏览器保存的数据时 输入框的样式
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  // 字体颜色
  -webkit-text-fill-color: #7392c1 !important;
  transition: background-color 864000s ease-in-out 0s;
}
::-webkit-input-placeholder {
  color: #1c4787;
}
:-moz-placeholder {
  color: #1c4787;
}
::-moz-placeholder {
  color: #1c4787;
}
:-ms-input-placeholder {
  color: #1c4787;
}
/*  设置默认滚动条样式 */
//滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  border-radius: 4px;
}
//外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: rgba(0, 0, 0, .1);
}
//内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-track-piece {
  display: none;
  background: rgba(0, 0, 0, .1);
  border-radius: 4px;
}
//滚动条里面可以拖动的那部分(滑块)
::-webkit-scrollbar-thumb {
  //background: rgba(32, 112, 235, .6);
  background: linear-gradient(180deg, #d628fe, #35a2fd);
  border-radius: 4px;
  background-clip: content-box;
  border: 1px solid transparent;
}
//滚动条里面可以拖动的那部分(滑块)：hover
::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 112, 235, 1);
  border-radius: 4px;
  background-clip: content-box;
  border: 1px solid transparent;
}
//边角
::-webkit-scrollbar-corner {
  background: transparent; //轨道颜色
}
//定义右下角拖动块的样式
::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
